/*
    Document   : Chat
    Created on : Apr 9, 2011, 8:38:43 AM
    Author     : Maulnick
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body{
    position : relative;
    min-width : 1200px;
    height : 550px;
    background-color: #C3CED9;
    background-position: center;
}
#header{
    position : relative;
    margin : 0;
    height : 60px;
}
    #contentheader{
        position : relative;
        float : left;
        width : 700px;
        margin-left: 30px;
        margin-right: 300px;
    }
        #logo{
            position : relative;
            float : left;
        }
        #slogan{
            position : relative;
            float : left;
            margin-left : 5px;
            margin-bottom: 5px;
            height : 50px;
            padding-top: 15px;

            text-align: left;
            font-weight: 300;
            font-size: 30px;
            font-family: "Calibri";
            color: #ffffff;
        }
#headeronlinejoin{
        position : relative;
        margin : 0;
        height : 40px;
        text-align: left;
}
    #headeronlinelogo{
        position : relative;
        float : left;
        width : 600px;
        margin-left: 30px;
        margin : 0;
        height : 40px;
    }
#main{
    position : relative;
    float : left;
    margin : 0;
    min-height : 500px;
    border-style: double;
    border-color: #ffffff;
    border-width: 5px;
    border-spacing: 3px;
}
    #leftmain{
        position : relative;
        float : left;
        width : 300px;
        height : 500px
    }
        
    #middlemain{
        position : relative;
        float : left;
        width : 700px;
        height : 500px;
    }
    #rightmain{
        position : relative;
        float : left;
        width : 300px;
        height : 450px
    }